<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置</title>
    <meta name="viewport" content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"/>

    <link rel="stylesheet" href="/static/css/confPage.min.css?v=2" type="text/css">

</head>
<body>
<style>
    .avatar {
        width: 90px;
        height: 90px;
        display: inline-block;
    }

    img {
        max-width: 100%;
    }

    .avatar img {
        width: 100%;
        height: 100%;
        /*border: 2px solid white;*/
        border-radius: 50%;
        box-sizing: border-box;
    }

    .auth {
        margin-bottom: 50px;
    }

    .auth-name {
        margin-left: 20px;
        font-size: 30px;
    }
    #ico_tip{
        margin-top: 10px;
    }
</style>
<style>
    input {
        width: 50%
    }

    body {
        padding: 20px
    }
</style>
<div class="uk-width-medium-1-2 uk-width-small-7-10 uk-container-center" style="margin-top: 50px">
    <h1>博客配置</h1>
    <hr>
    <div class="uk-form uk-form-stacked">
        <div class="uk-form-row">
            <label class="uk-form-label" for="domain">七牛云域名</label>
            <div class="uk-form-controls">
                <input type="text" id="domain" placeholder="http://xx.com1.z0.glb.clouddn.com/" value="{{ domain }}">
            </div>
        </div>

        <div class="uk-form-row">
            <label class="uk-form-label" for="title">博客标题</label>
            <div class="uk-form-controls">
                <input type="text" id="title" placeholder="SunJian 's Blog" value="{{ title }}">
            </div>
        </div>
        <div class="uk-form-row">
            <label class="uk-form-label" for="auth_name">作者</label>
            <div class="uk-form-controls">
                <input type="text" id="auth_name" placeholder="Tom" value="{{ auth_name }}">
            </div>
        </div>

        <div class="uk-form-row">
            <label class="uk-form-label" for="title">个性签名</label>
            <div class="uk-form-controls">
                <textarea id="signature" cols="35" rows="4" placeholder="Born to break">{{ signature }}</textarea>
            </div>
        </div>


        <div class="uk-form-row">
            <label class="uk-form-label" for="headico">选择头像</label>
            <div class="uk-form-controls">
                <select id="headico">
                    {% for key in headIcos %}
                    <option value="{{ headIcos[key][0] }}" {{ headIcos[key][1] }}>{{ key }}</option>
                    {% end %}
                </select>
            </div>
            <div id="ico_tip">在博客文件夹根目录下放入 head.jpg 即可.(300px*300px最佳)</div>
            <div class="avatar" style="margin-top: 20px">
                <img id="ico" src="http://upload.jianshu.io/collections/images/6919/c4409daa19d59b1950bf3bed66a49495.jpg?imageMogr/thumbnail/300x300">

            </div>
        </div>

        <div class="uk-form-row">
            <label class="uk-form-label" for="password">令牌</label>
            <div class="uk-form-controls">
                <input id="password" placeholder="密码" type="password">
            </div>
        </div>
        <!--{{ xsrf_form_html() }}-->

        <div class="uk-form-row">
            <button id="submit" class="uk-button uk-button-success">提交</button>
        </div>


    </div>
</div>

<script type="text/javascript" src="/static/js/confPage.min.js?v=16"></script>

</body>
</html>